<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>文件上传</title>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<input type="file" id="file">
<button onclick="upload()">上传</button>
缩略图：
<img src="#" alt="">
</body>
  <script>
    /*
    1.用户选择图片
    2.通过ajax上传图片
      */
    function upload () {
      let file =document.getElementById('file').files[0]
      console.log(file)
      //图片上传格式 formdata 将图片添加到formdata对象
      let data = new FormData()
      //key值和接口统一
      data.append('hehe',file)
      console.log(data.get('hehe'))
      //调用ajax接口
      $.ajax({
        method:'post',
        url: 'http://localhost:3000/admin/upload/img',
        data:data,
        contentType:false,//ajax有默认格式   要取消默认格式
        processData:false,//默认数据进行格式化  取消默认
        success(res){
          console.log(res)
          let {err,path} = res
          if(res.err == 0){
            $('img').attr('src',path)
          }
        }
      })
    }
  </script>
</html>
